<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- CSS -->
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/supersized.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/buttons.css">
    <link rel="stylesheet" href="/static/css/drop-down.css">

    <!-- Javascript -->
    <!--[if lt IE 9]>
    <script src="/static/js/html5.js"></script>
    <![endif]-->
    <script src="/static/js/jquery-1.8.2.min.js" ></script>
    <script src="/static/js/supersized.3.2.7.min.js" ></script>
    <script src="/static/js/supersized-init.js" ></script>
    <script type="text/javascript" src="/static/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.form.js"></script>
    <script type="text/javascript" src="/static/js/select-widget-min.js"></script>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->

<script type="text/javascript">
    $(document).ready(function(){
        $(".ui-select").selectWidget({
            change       : function (changes) {
            return changes;
        },
            effect       : "slide",
            keyControl   : true,
            speed        : 200,
            scrollHeight : 250
        });
    });
</script>

</head>
<body>

<div class="setup">
    <form action="/admin/api/chaneg_filter/{{.UserID}}" method="post" id="filter_form">
        <div class="setupmain">
            <select name="FilterFloor" class="ui-select">
                <option  value="0">所有</option>
                {{range .rooms}}
                <option  value="{{.Id}}">{{.Floor}}</option>
                {{end}}
            </select>
            <select name="FilterDepartmentID"  class="ui-select">
                <option value="0">所有</option>
                {{range .departments}}
                <option value="{{.Id}}">{{.Name}}</option>
                {{end}}
            </select>
        </div>
        <div class="liquidbutton">
            <!--style="float: left; width: 50px;height: 80px;margin-top: 50px; margin-left: 10px;"-->
            <div style="float:left;width:300px;height:50px;margin-top:60px;">
                <p style="font-size: 30px;color:#FFFFFF;font-family:黑体;">液位提醒开关</p>
            </div>
            <div class="switch demo3">
                <input type="checkbox" name="LiquidCheck" class="LiquidCheck" checked>
                <label><i></i></label>
            </div>
        </div>
        <div class="colorbutton">
            <div style="float:left;width:300px;height:50px;margin-top:60px;">
                <p style="font-size: 30px;color:#FFFFFF;font-family:黑体;">颜色提醒开关</p>
            </div>
            <div class="switch demo3">
                <input type="checkbox"  name="ColorCheck" class="ColorCheck" checked><label><i></i></label>
            </div>
        </div>
<div class="changeinputbuttons">
    <div class="changebutton">
        <span class="button-wrap">
            <button type="submit" class="button button-pill button-raised button-primary" style="width:140px;height:60px;"onclick="javascript:window.location.href='#';">
                <p style="font-size:20px;">确定</p>
            </button>
        </span>
        </div>
</div>
    </form>
</div>
</body>
<script>
    $('#filter_form').ajaxForm(function() {
        $(this).ajaxSubmit();
        alert("提交成功");
        return false;
    });
</script>
</html>


